﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Dark Pro - Contact</title>
<meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--[if lt IE 8.]><link rel="stylesheet" type="text/css" href="css/style-ie.css" /><![endif]-->
<!--[if lt IE 7.]><link rel="stylesheet" type="text/css" href="css/style-ie6.css" /><![endif]-->
<!-- Form validation by http://www.TechiePark.com starts here-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.pngFix.js"></script>
<script type="text/javascript">
$().ready(function() {
	// validate the contact form when it is submitted
	$("#contactForm").validate({

		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			name: "* Please enter your name",
			email: "* Please enter a valid email address"
		}
	});
});
</script>
<style type="text/css">
#contactForm label.error {
	padding-left:8px;
	background-color:#ff0000;
	color:#ffffff;
	padding:2px;
	width: auto;
	display: inline;
}
</style>
<script type="text/javascript">$(document).ready(function(){ $(document).pngFix(); });</script>
</head>
<body>
<!-- Main Body Starts Here -->
<div id="main_body">
  <!-- Top Part Starts Here -->
  <div id="top_part">
    <!-- Top Part Image Starts Here -->
    <div id="top_part_image">
      <!-- Logo Part Starts Here -->
      <div id="main_logo"> <a href="#"><img src="images/main_logo.png"  alt=""  /></a> </div>
      <!-- Logo Part Ends Here -->
    </div>
    <!-- Top Part Image Ends Here -->
    <!-- Main Menu Starts Here -->
    <div id="main_menu_bg">
      <!-- Main Menu Body Starts Here -->
      <div id="main_menu_body">
        <!-- Menu Links Starts Here -->
        <div class="menu_links"> <a href="index.html" class="menu_links">HOME</a><span class="menu_border">&nbsp;</span> <a href="about.html" class="menu_links">ABOUT</a><span class="menu_border">&nbsp;</span> <a href="#" class="menu_links">SERVICES</a><span class="menu_border">&nbsp;</span> <a href="client.html" class="menu_links">CLIENTS</a><span class="menu_border">&nbsp;</span> <a href="contact.html" class="menu_active">CONTACT</a> </div>
        <!-- Menu Links Ends Here -->
      </div>
      <!-- Main Menu Body Ends Here -->
    </div>
    <!-- Main Menu Ends Here -->
  </div>
  <!-- Top Part Ends Here -->
  <!-- Content Body Starts Here -->
  <div id="inner_content_body">
    <!-- Left Content Body Starts Here -->
    <div class="left_content_body">
      <!-- Heading -->
      <p class="page_title"> CONTACT US </p>
      <!-- Heading -->
      Curabitur viverra, ante non pulvinar pellentesque, leo quam tincidunt velit, quis eleifend erat orci eu orci. Proin ac eros nec dolor sodales pulvinar sit amet nec velit. Praesent tellus diam, luctus in.
      <p style="margin-top:15px;"> <a href="#"><img src="images/google_map.jpg" alt="" /></a> </p>
      <p style="margin-top:15px;" class="text_style2">Contact from</p>
      dapibus egestas, tellus ipsum rhoncus 
      orci, eu vestibulum nisi orci quis nunc.Curabitur auctor leo vehicula justo 
      ac euismod justo rhoncus. <br />
      <br />
      <!-- Form Starts Here -->
      <div class="contact">
        <form id="contactForm"  method="post" action="#">
          <p> Name <span class="star">*</span> </p>
          <p>
            <input type="text" name="name" id="name" value=""/>
          </p>
          <p style="margin-top:20px;"> E-Mail <span class="star">*</span> </p>
          <p>
            <input type="text" name="email" id="email" value=""/>
          </p>
          <p style="margin-top:20px;"> Your Message </p>
          <p>
            <textarea rows="3" cols="50" name="message"></textarea>
          </p>
          <p style="margin-top:20px;">
            <input type="image" src="images/send_btn.png" name="submit" id="submit"  />
          </p>
        </form>
      </div>
      <!-- Form Ends Here -->
    </div>
    <!-- Left Content Body Ends Here -->
    <!-- Right Content Body Starts Here -->
    <div class="right_content_body">
      <!-- Contact Starts here -->
      <!-- Heading -->
      <p class="page_sub_title"> STAY IN TOUCH </p>
      <!-- Heading -->
      <ul class="more_links">
        <li>9839 Lorem Ipsum</li>
        <li>India, Bangalore</li>
        <li>Asia, India</li>
        <li>Telephone: <b>+91 - 1234567890</b></li>
        <li>Email: <b>contact@design3edge.com</b></li>
      </ul>
      <br />
      <!-- Social Starts Here -->
      <!-- Heading -->
      <p class="page_sub_title"> FOLLOW US ON </p>
      <!-- Heading -->
      <div id="social_bookmark_box"> <a href="#"><img src="images/twitter_icon.png" alt="" /></a> <a href="#"><img src="images/facebook_icon.png" alt="" /></a> <a href="#"><img src="images/linkdin_icon.png" alt="" /></a> </div>
      <!-- Social Ends Here -->
      <br />
      <!-- Testimonial Starts Here -->
      <!-- Heading -->
      <p class="page_sub_title"> TESTIMONIAL </p>
      <!-- Heading -->
      <div class="testi_box1"> <span>Technology advances are providing tools to create Rich Internet Applications (RIA) based on the tenets of Web 2.0 </span>
        <p>- sada (Design3Edge) </p>
        <!-- Testimonial Ends here -->
      </div>
      <!-- Contact Ends Here -->
    </div>
    <!-- Right Content Body Ends here -->
    <!-- Clear -->
    <div class="clear"> </div>
    <!-- Clear -->
  </div>
  <!-- Content Body Ends Here -->
  <!--Footer Starts Here -->
  <div id="footer">
    <div class="left">
      <div class="footer_links" ><a  href="#">Home</a> &nbsp;| &nbsp;<a  href="#">About</a> &nbsp;| &nbsp;<a  href="#">Services</a> &nbsp;| &nbsp;<a  href="#">Clients</a> &nbsp;| &nbsp;<a  href="#">Contact</a></div>
    </div>
    <div class="right" style="padding-right:30px;"> Copyright &copy; 2010 <a style="color:#ffffff;" href="#">Name Here</a>. All rights reserved | Design by <a style="color:#ffffff;" href="http://www.design3edge.com/">Design3Edge</a></div>
  </div>
  <!-- Footer Ends Here -->
</div>
<!-- Main Body Ends Here -->
</body>
</html>